{include "INC_header.html" title="授权结果"}
<div id="app-outlet" class="justify-center" style="height: 100vh;">
    <a-result status="404" title="未能授权成功" sub-title="您看到此页面，说明未能成功授权，请返回源页面重新进行尝试！">
        <template #extra>
            <div class="iui button margin" @click="back"><i class="fa fa-arrow-circle-left margin-right"></i> 返回上一页</div>
            <div class="iui button outline margin" @click="reload"><i class="fa fa-rotate-right margin-right"></i> 刷新页面</div>
        </template>
    </a-result>
</div>
<script>
    //vue app
    const { createApp } = Vue;
    const { message } = antd;
    const app = createApp({
        data() {
            return {
                //数据
            }
        },
        mounted() {
            //挂载成功
        },
        methods: {
            //方法
            back: function () {
                try {
                    window.history.back();
                } catch (e) {
                    message.error("无法返回上一页");
                }
            },
            reload: function () {
                window.location.reload();
            }
        }
    }).use(antd);
    //挂载
    const vm = app.mount("#app-outlet");
</script>
{include "INC_footer.html"}